<template>
    <div>
        <h2>修改</h2>
        <table class="table table-bordered">
            <tbody>
                <tr>
                    <td>房型名称</td>
                    <td><input type="text" value="标间"></td>
                </tr>
                <tr>
                    <td>房型面积</td>
                    <td><input type="text" value="20"></td>
                </tr>
                <tr>
                    <td>价格</td>
                    <td><input type="text" value="200"></td>
                </tr>
                <tr>
                    <td>是否有窗</td>
                    <td>
                        <input type="radio" value="">有
                        <input type="radio" value="">否
                    </td>
                </tr>
                <tr>
                    <td>入住人数</td>
                    <td>
                        <select>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>图片</td>
                    <td><input type="file"></td>
                </tr>
                <tr>
                    <td></td>
                    <td><button class="btn btn-primary" @click="upxing">修改</button></td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive,onMounted } from 'vue';
import { useRouter } from 'vue-router';
import "bootstrap/dist/css/bootstrap.min.css"

const upxing=()=>{
    alert("修改成功");
}

</script>

<style scoped>

</style>